<template>
  <tm-group label="阴影">
    <el-form-item label="阴影颜色" style="width: 100%;">
      <el-color-picker v-model="data.shadowColor"/>
    </el-form-item>
    <el-form-item label="阴影X偏移">
      <el-input-number v-model="data.shadowOffsetX"/>
    </el-form-item>
    <el-form-item label="阴影Y偏移">
      <el-input-number v-model="data.shadowOffsetY"/>
    </el-form-item>
    <el-form-item label="模糊">
      <el-input-number v-model="data.shadowBlur"/>
    </el-form-item>
    <el-form-item label="透明度" v-if="showOpacity">
      <el-input-number v-model="data.opacity" :min="0" :max="1" :step="0.1"/>
    </el-form-item>
  </tm-group>
</template>

<script>
export default {
  name: 'shadow-option',
  cnName: 'shadow-option',
  props: {
    data: Object,
    showOpacity: {
      type: Boolean,
      default: true
    }
  },
  data() {
    return {}
  },
  methods: {}
}
</script>
